﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="iuhao个人简历网站" />
<meta name="author" content="www.iuaho.cn" />
<!--[if IE]>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<![endif]-->
<title>iuhao</title>
<link href="iuhao/css/bootstrap.css" rel="stylesheet" />
<link href="iuhao/css/font-awesome.min.css" rel="stylesheet" />
<link href="iuhao/css/animate.css" rel="stylesheet" />
<link href="iuhao/css/prettyPhoto.css" rel="stylesheet" />
<link href="iuhao/css/styleSwitcher.css" rel="stylesheet" />
<link href="iuhao/css/style.css" rel="stylesheet" />
<link href="iuhao/css/themes/pink.css" id="mainCSS" rel="stylesheet" />
<!-- GOOGLE FONTS这个联网去掉,影响网站的访问链接性能 -->
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' /> -->
<!--   <link rel="icon" href="favicon.ico"> -->
<link rel="shortcut icon" href="iuhao/img/favicon.ico">

  <!-- 视频的css -->
  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="iuhao/video/video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="iuhao/video/video.js"></script>
    <script>
    _V_.options.flash.swf = "iuhao/video/video-js.swf";
  </script>
  <!-- 控制视频位置 -->
  <style type="text/css">
  	#video{
  		margin-left: 380px;
  		margin-bottom: 34px;
  	}
  	#footer-sec1{
  		margin-top: 120px;
  	}
  </style>
</head>
<body>
   
<div class="switcher" style="left:-50px;">
	<a id="switch-panel" class="hide-panel">
		<i class="fa fa-desktop"></i>

	</a>
	<p style="font-size:10px">choose</p>
	<ul class="colors-list">
		<li><a title="Pink" id="pink" class="pink" ></a></li>
		<li><a title="Green" id="green" class="green" ></a></li>
		<li><a title="Blue" id="blue" class="blue" ></a></li>
		 <li><a title="Brown" id="brown" class="brown" ></a></li>
	   
	</ul>
</div>	
<!-- /. END THEME SWITCHER-->

<div id="home-sec">
	<div class="overlay">
		<div class="container">
			<div class="row pad-top-bottom  move-me">
				<div class="col-lg-5 col-md-5 col-sm-5 text-center">
					<img src="iuhao/img/sad.jpg" class="main-img img-circle wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s" alt=""/>
					<h1 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">闫豪</h1>
					<h2 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">java 程序开发工程师</h2>
					<!--链接本地的id-->
					<a href="#about-sec" class="btn custom-btn-one btn-lg wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">自我介绍</a>
				</div>
				<div class="col-lg-2 col-md-2 col-sm-2 text-center  ">
					<a href="#about-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".1s">
						<i class="fa fa-info icon-round icon-round-active"></i>
						<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">ABOUT ME</h3>
					</a>
					<a href="#resume-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".3s">
						<i class="fa fa-briefcase icon-round"></i>
						<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">简介</h3>
					</a>
					<a href="#portfolio-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".5s">
						<i class="fa fa-recycle icon-round icon-round-active"></i>
						<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">项目 </h3>
					</a>
					<a href="#hire-sec" class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".7s">
						<i class="fa fa-paper-plane-o icon-round"></i>
						<h3 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">HIRE ME</h3>
					</a>
				</div>
				<div class="col-lg-5 col-md-5 col-sm-5 text-center">
					<img src="iuhao/img/smile.jpg" class="main-img-2 img-circle wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s" alt="" />
					<h1 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">|</h1>
					<h2 class="wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".6s">|</h2>
					<!--简历直链防乱码-->
					<a href="iuhao/file/18300684211.doc" class="btn custom-btn-one btn-lg wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".8s">DOWNLOAD 简历</a>
				</div>
			</div>

		</div>
	</div>
</div>
<!-- HOME SECTION END-->
<section id="about-sec">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-4 col-sm-4 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
				<h1>WHAT TO KNOW</h1>
				<h1>ABOUT ME ?</h1>
				<!-- 一个有经验的,优秀的开发人员时刻会有看网页源码的习惯 ,当你看到这段注释的时候,证明我们有缘,哈哈 -->
				<div class="color-strip"></div>
				<!-- 这个可以添加微信 微博 qq 码云 git 之类的个人 -->
			<div class="social-icon">
				<h3>一个充满enthusiasm</h3>
					<center><h4>IDEA</h4></center>
					<h4>POWER</h4>
				 <h3>java程序猿攻城狮</h3>
					<!-- <a href="#">
						<img src="iuhao/img/Social/facebook.png" alt="" /></a>
					<a href="#">
						<img src="iuhao/img/Social/google-plus.png" alt="" /></a>
					<a href="#">
						<img src="iuhao/img/Social/twitter.png" alt="" /></a> -->
				</div>
			</div>
			<div class="col-lg-8 col-md-8 col-sm-8 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
				<p><h4>个人技能</h4>
					  1. 熟练掌握IntelliJ IDEA , Eclipse/MyEclipse等前后端主流IDE。<br>
					  2. 熟练JavaScript、Ajax、JQuery等WEB前端技术,熟悉使用BootStrap和EasyUI等前端框架。<br>
					  3. 熟练掌握Java初级知识，深入了解MVC开发模式。<br>
					  4. 熟练掌握Struts2 、Hibernate和Spring三大框架及其整合技术。<br>
					  5. 熟练使用Mybatis、SpringMVC开源框架。<br>
					  6. 熟悉掌握jfinal开源框架,并对JECG等快速开发平台有一定的了解.
					  7. 熟悉MySQL数据库，并且了解MySQL数据库的优化,掌握多表关联sql语句查询。<br>
					  8. 熟悉Tomcat服务器的运行原理以及Nginx和Tomcat集群完成负载均衡。<br>
					  9. 熟悉SVN、GIT版本控制工具,熟悉Maven项目管理工具。<br>
					  10.了解Spring Boot框架 ，对新知识，新技术有强烈的好奇心以及学习能力。
					  11. 喜欢的论坛:CSDN 开源中国  <br>
					  12.喜欢的视频交流学习网站: 极客学院 , 慕课网, YOUTUBE<br>
					

				</p>
				<p>
					 个人爱好: 跑步 , 摄影 
					
				</p>
				<p>
					1. 能够尽快熟悉业务，有团队精神，能快速融入团队；<br>
					2. 逻辑思维能力强，思路清楚，学习能力强，对新技术有着强烈的好奇心;<br>
					3. 对工作尽职尽责，做事有条理有计划，乐于从事有挑战性的工作；<br>
					4. 善于与用户以及同事和领导沟通，以便快速解决项目遇到的问题；<br>

				</p>
			</div>
		</div>
	</div>
</section>
<!-- ABOUT SECTION END-->
<section id="skill-sec">
	<div class="overlay">
		<div class="container">
		<!-- 个人视频插件 -->	
		<div id="video"><div id="a1"></div></div>
		<script type="text/javascript" src="iuhao/video/ckplayer.js" charset="utf-8"></script>
		<script type="text/javascript">
			var flashvars={
				c:0,
				b:1
				};
			var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};
			CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
			/*
			CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
			下面三行是调用html5播放器用到的
			*/
			var video=['iuhao/video/3.mp4->video/mp4'];
		
			var support=['iPad','iPhone','ios','android+false','msie10+false','webKit'];
			CKobject.embedHTML5('video','ckplayer_a1',600,400,video,flashvars,support);
		 	</script>
			<!-- 个人视频插件 -->
			<!-- <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="430" data-setup="{}">
		    		<source src="iuhao/video/3.mp4" type='video/mp4' />
		   			<track kind="captions" src="captions.vtt" srclang="en" label="English" />
		  	</video> -->
		</div>
	</div>
</section>
<!-- SKILL SECTION END-->
<section id="resume-sec">
	<div class="container">
		<div class="row  move-me">
			<div class="col-lg-4 col-md-4 col-sm-4 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
				<!-- 简历上传 下载 静态 -->
				
				<h1>DOWNLOAD </h1>
				<h1>个人简历</h1>
				<div class="color-strip"></div>
				<a href="iuhao/file/18300684211.doc" class="btn btn-style-three ">下载简历 (.doc file)</a>
			</div>
			<div class="col-lg-8 col-md-8 col-sm-8 wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">

				<div class="board">
					<div class="board-inner">
						<ul class="nav nav-tabs" id="myTab">
							<li class="active">
								<a href="#home" data-toggle="tab" title="个人简介">
									<span class="round-tabs one">
										<i class="fa fa-home"></i>
									</span>
								</a></li>

							<li><a href="#profile" data-toggle="tab" title="教育背景">
								<span class="round-tabs two">
									<i class="fa fa-briefcase"></i>
								</span>
							</a>
							</li>
							<li><a href="#exp" data-toggle="tab" title="工作履历">
								<span class="round-tabs three">
									<i class="fa fa-recycle"></i>
								</span></a>
							</li>

							<li><a href="#location" data-toggle="tab" title="目前所在地">
								<span class="round-tabs four">
									<i class="fa fa-paper-plane-o"></i>
								</span>
							</a></li>

							<li><a href="#contact" data-toggle="tab" title="CONTACT ME">
								<span class="round-tabs five">
									<i class="fa fa-comments-o"></i>
								</span></a>
							</li>

						</ul>
					</div>

					<div class="tab-content">
						<div class="tab-pane fade in active" id="home">

							<h4 class="head text-center">个人简介</h4>
							<p class="narrow text-center">
								<span>
									<i>姓名 :</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闫豪
								</span>
								<span>
									<i>年龄 :</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;25 岁
								</span>
								<span>
									<i>工作经验 :</i>&nbsp;2 年以上
								</span>
							</p>


						</div>
						<div class="tab-pane fade" id="profile">

							<h4 class="head text-center">教育背景</h4>
							<p class="narrow text-center">
								<span>
									<i>毕业院校 : </i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;河南农业大学 <br>
								
									<i>专业技能  : </i>HTML,CSS ,JS,JQUERY,SSH,SSM 等<br>
								
									<i>英语等级  : </i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; CET-4
								</span>
							</p>
						</div>
						<div class="tab-pane fade" id="exp">
							<h4 class="head text-center">工作履历</h4>
							<p class="narrow text-center">
								<span>
									<i>履历  : </i>河南青否网络科技有限公司 :&nbsp;&nbsp;java软件开发工程师  &nbsp;&nbsp;2016.11-2017.06
								</span>
								<span>
									<i>履历   : </i>杭州恒观网络科技有限公司 :&nbsp;&nbsp;java软件开发工程师  &nbsp;&nbsp;2015.06-2016.10
								</span>
								<span>
								<a href="iuhao/file/18300684211.doc" class="btn btn-style-three "><i>详细信息请下载简历</i></a>	
								</span>
							</p>
						</div>
						<div class="tab-pane fade" id="location">
							<h4 class="head text-center">PRESENT LOCATION </h4>
							<p class="narrow text-center">
								<span>
									<i>所在城市: </i>浙江省-杭州市
								</span>
								
							</p>
						</div>
						<div class="tab-pane fade" id="contact">
							<h4 class="head text-center">静待佳音 </h4>

							<p class="narrow text-center">
								<span>
									<i>EMAIL </i>18300684211@163.com
								</span>
								<span>
									<i>EMAIL </i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;271285251@qq.com
								</span>
								<span>
									<i>Call  </i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18300684211
								</span>
								<span>
									<i>SKYPE </i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;java软件开发工程师  
								</span>
							</p>
						</div>
					</div>

				</div>
			</div>
		</div>


	</div>
</section>
<!-- RESUME SECTION END-->
<section id="testimonial-main">
	<div class="overlay">
		<div class="container">
			<div class="row pad-top-bottom wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					<h1>FOLLOW MY HEART</h1>

					<div id="testimonials" class="carousel slide" data-ride="carousel">

						<ol class="carousel-indicators">
							<li data-target="#testimonials" data-slide-to="0" class=""></li>
							<li data-target="#testimonials" data-slide-to="1" class="active"></li>
							<li data-target="#testimonials" data-slide-to="2" class=""></li>
						</ol>

						<div class="carousel-inner">
							<div class="item">
								<div class="container center">
									<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">

										<h4><i class="fa fa-quote-left"></i>只要还有明天，我们就应该学着奋斗，学着努力，学着尝试新的事物，而不是旁观他人的成功，祝福他人的努力。与其临渊羡鱼，不如退而结网。 <i class="fa fa-quote-right"></i></h4>
										<div class="user-img pull-right">
											<img src="iuhao/img/albbmy.jpg" alt="" class="img-circle image-responsive" />
										</div>
										<h5 class="pull-right">阿里巴巴-马云</h5>
									</div>
								</div>
							</div>
							<div class="item active">
								<div class="container center">
									<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
										<h4><i class="fa fa-quote-left"></i>成功者一定是用自己的梦想去点燃别人的梦想，是时刻播种梦想的人。 <i class="fa fa-quote-right"></i></h4>
										<div class="user-img pull-right">
											<img src="iuhao/img/bdlyh.jpg" alt="" class="img-circle image-responsive" />
										</div>
										<h5 class="pull-right">百度-李彦宏</h5>
									</div>
								</div>
							</div>
							
							<div class="item">
								<div class="container center">
									<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 slide-custom">
										<h4><i class="fa fa-quote-left"></i>a company to develop quickly and effective in hiring a good talent， especially the need for smart people。<i class="fa fa-quote-right"></i></h4>
										<div class="user-img pull-right">
											<img src="iuhao/img/begz.jpg" alt="" class="img-circle image-responsive" />
										</div>
										<h5 class="pull-right">微软-比尔盖茨</h5>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</section>

<!-- 个人项目图片展示 -->

<!-- TESTIMONIAL SECTION END-->
<section id="portfolio-sec">
	<div class="container">
		<div class="row text-center wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
			<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
				<h1>MY PROJECTS PICTURES</h1>
				<p>以下是我这两年间做过的部分项目的简图展示 </p>
			</div>
		</div>
		<div class="row  wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12  ">
				<div class="portfolio-sec-wrap">
					<img class="img-responsive" src="iuhao/img/portfolio/small/1.png" alt="" />
					<div class="overlay">
						<div class="portfolio-sec-inner">
							<center><p> this is myproject </p></center>
							<center><a class="preview"  href="iuhao/img/portfolio/big/1.jpg"><i class="fa fa-eye"></i>点击查看大图</a></center>
							
						</div>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12  ">
				<div class="portfolio-sec-wrap">
					<img class="img-responsive" src="iuhao/img/portfolio/small/2.png" alt="" />
					<div class="overlay">
						<div class="portfolio-sec-inner">
							<center><p> this is myproject </p></center>
							<center><a class="preview" href="iuhao/img/portfolio/big/2.png"><i class="fa fa-eye"></i>SEE PROJECT </a></center>
						</div>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12  ">
				<div class="portfolio-sec-wrap">
					<img class="img-responsive" src="iuhao/img/portfolio/small/3.png" alt="" />
					<div class="overlay">
						<div class="portfolio-sec-inner">
							<center><p> this is myproject </p></center>
							<center><a class="preview" href="iuhao/img/portfolio/big/3.jpg"><i class="fa fa-eye"></i>SEE PROJECT </a></center>
						</div>
					</div>
				</div>
			</div>

			
			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12  ">
				<div class="portfolio-sec-wrap">
					<img class="img-responsive" src="iuhao/img/portfolio/small/8.png" alt="" />
					<div class="overlay">
						<div class="portfolio-sec-inner">
							<center><p> this is myproject </p></center>
							<center><a class="preview" href="iuhao/img/portfolio/big/xmsc.png"><i class="fa fa-eye"></i>SEE PROJECT </a></center>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
</section>
<!-- PORTFOLIO SECTION END-->     
<section id="hire-sec">
	<div class="overlay">
		<div class="container">
			<div class="row text-center pad-top-bottom wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".2s">
				<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
					<h1>HIRE ME</h1>
					<p>myo echo 我 (me)+ 你们(your) = 我们(our)</p>
					<p>让我加入你们,会带来不一样的工作体验,不一样的工作氛围,希望和你们一起共同进步,共同努力!</p>
					<h3>TEL:18300684211 </h3>
					<p>EMAIL:271285251@qq.com </p>
					<p>EMAIL:18300684211@163.com </p>
					<br />
				</div>
			</div>
			<div class="row  move-me wow bounceIn animated" data-wow-duration="1s" data-wow-delay=".4s">
				<!-- 静态网页暂不需要提交 jsp与后台管理-->
				<!-- <div class="col-lg-6  col-md-6  col-sm-6">
					<form>
						<div class="form-group">
							<input type="text" name="username" class="form-control" required="required" placeholder="Your Name" />
						</div>
						<div class="form-group">
							<input type="text" name="email" class="form-control" required="required" placeholder="Your Email" />
						</div>
						<div class="form-group">
							<textarea name="message" id="message" required="required" class="form-control" style="min-height: 100px;" placeholder="Message"></textarea>
						</div>
						<div class="form-group">
							<a href="#hire-sec" class="btn custom-btn-one ">CONTACT ME</a>
						</div>
					</form>
				</div> -->
				<center>
				<div id="footer-sec1">
					<p>Copyright &copy; 2015-2017.Company name All rights reserved @iuhao.cn<a target="_blank" href="http://www.iuhao.cn">橙子科技</a></p>
				</div>
				</center>
			</div>
		</div>
	</div>
</section>
<!-- HIRE SECTION END-->
<div class="move-me">
	<a href="#home-sec" class="scrollup"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- 本网站jquery版本需要更新 -->
<script src="iuhao/js/jquery-1.10.2.js"></script>
<script src="iuhao/js/bootstrap.js"></script>
<script src="iuhao/js/jquery.easing.min.js"></script>
<script src="iuhao/js/wow.min.js"></script>
<script src="iuhao/js/jquery.easypiechart.min.js"></script>
<script src="iuhao/js/jquery.prettyPhoto.js"></script>
<script src="iuhao/js/styleSwitcher.js"></script>
<script src="iuhao/js/custom.js"></script>

</body>
</html>
